<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fall - Overview</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>

<div class="container2">
<div class="div1">
    <button class="top-menu-button">2013<img class="bot-arrow1" src="images/bot-arrow.png" width="12" height="7"/></button>
    <button class="top-menu-button">Summer<img class="bot-arrow2" src="images/bot-arrow.png" width="12" height="7"/></button>
  <button class="top-menu-button" style="margin-right: 35px;">Demographics<img class="bot-arrow4" src="images/bot-arrow.png" width="12" height="7"/></button>
  <span class="menu-upload" style="padding-left:30px;"><img src="images/plus.png" width="20" height="22" align="absmiddle"/> Upload data</span>
  <span class="menu-upload"><img src="images/power.png" width="20" height="20" align="absmiddle"/> Logout</span>
  <span class="menu-seasonal">SEASONAL PULSE</span>
  </div>

    <div class="div2">
      <span class="dashboard-data">DASHBORD DATA</span><span class="subheader"> :: <a href="#">2013</a> :: <a href="#">Summer</a><a href="#"></a> :: <a href="#">Demographics</a></span>
      </div>

	<div class="container2">
	<div>
      <table width="1024px" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="75%" align="left" valign="top"><p class="table-header" style="padding: 0 0 10px 40px;">Demographics<img src="images/demographic-icon.png" width="22" height="20" alt="Demographic" class="demographic-icon"></p></td>
          <td width="25%" align="right" valign="top" class="table-link">&nbsp;</td>
        </tr></table></div>
	<div width="200px">
     <table width="1024px" border="0" cellspacing="0" cellpadding="0" style="margin: 0 10px 30px 0;">
       <tr>
         <td style="padding: 0 0 10px 0;" width="150px"><p class="demographic-title">Gender</p>
         <p>&nbsp;</p>
         <p class="demographic-body">Male</p>
         <p class="demographic-body">Female</p></td>
         <td style="padding: 0 0 10px 0;"><strong>graphic here</strong> (this table is just for style info purposes) - after codding delete the tables below</td>
       </tr>
       </table>
     <table width="1024px" border="0" cellspacing="0" cellpadding="0" style="margin: 0 10px 30px 0;">
       <tr>
         <td><img src="images/table1.png" width="513" height="70"></td>
         <td rowspan="2">&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table2.png" width="674" height="116"></td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table3.png" width="793" height="103"></td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table4.png" width="540" height="106"></td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table5.png" width="469" height="128"></td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table6.png" width="427" height="73"></td>
         <td>&nbsp;</td>
       </tr>
       <tr>
         <td><img src="images/table7.png" width="437" height="77"></td>
         <td>&nbsp;</td>
       </tr>
        <tr>
        <td colspan="2"></tr>
      </table>
      </div>
</div>

	<div class="container2">
  <div class="content">
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <hr>
    <p><span class="header-bot" style="padding-top: 20px;">SEASONAL PULSE</span></p>
  </div>
<!-- end .container --></div>

</body>
</html>
